<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="font/iconfont.css">
    <!-- <link rel="stylesheet" href="css/common.css?v=1.0.0" /> -->
    <link rel="stylesheet" href="css/main.css?v=1.0.0">
    <script src="js/rem.js"></script>
    <script src="js/zepto.js"></script>
    <title>财富中心</title>
    <style type="text/css">
        body {font-size: 16px;padding: 0;margin: 0;padding-top: 0.80rem}
        *{box-sizing: border-box;}
        div{margin: 0;padding: 0}
        img{max-width: 100%;margin: 0 auto}
        .art-container {padding: 0.2rem 0.1rem;text-align: justify}
        .header {width: 100%;background: #b5000c;height: 0.80rem;color: #ffffff;font-size: .3rem;display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 999999;}
        .header .header-title {letter-spacing: 1px}
        .header img {position: absolute;left: 0.3rem;align-self: center;width: .18rem}
        .container .nav {height: .85rem;line-height: .85rem;background: #fff;display: flex;justify-content: space-around;font-size: .26rem;box-sizing: border-box}
        .container .nav .active {border-bottom: 3px solid #b5000c}
        .nav-search {position: absolute;right: 0.5rem;align-self: center;}
        .place {height: 1.06rem;width: 100%;}
        .tab-bar {width: 100%;background: #fff;display: flex;position: fixed;bottom: 0;left: 0;justify-content: space-between;align-items: center;z-index: 1001;box-sizing: border-box;padding: .1rem 1rem .2rem 1rem}
        .tab-bar .tab {display: flex;color: #959595;text-decoration: none;flex-direction: column;text-align: center;}
        .tab-bar .active span {color: #b5000c !important}
        .tab-bar .tab span {width: 100%;font-size: .2rem;color: #959595;}
        .tab-bar .tab span:first-child {margin-bottom: .1rem}
        .tab-bar .tab img {width: .34rem}
        .tab-bar .home img {width: 0.42rem}
    </style>
</head>

<body>
    <div class="header my-header">
        <img src="img/left-white.png" alt="">
        <span class="header-title">我的</span>
    </div>
    <div class="my-banner">
        <img src="img/yindao-banner.jpg" alt="">
    </div>
    <div class="my-container yindao-container">
        <div class="my-info">
            <div class="info-content">
                <div class="info-des">
                    <div class="info-name">
                        <span>星巴克咖啡</span>
                    </div>
                    <div class="info-tel">
                        <span><i class="iconfont icon-dibiao"></i> 北京市朝阳区三环路三号</span>
                    </div>
                </div>
                <div class="info-right"><img src="img/red-call.png" alt=""></div>
            </div>
        </div>
        <div class="yindao-con">
            <div class="des">
                <p>爱喝咖啡的人大概都听说星巴克(Starbucks)，“星巴克”是100多年前美国一个家喻户晓的小说的主人公。20世纪70年代，3个美国人把它变成一家咖啡店的招牌来推广美国精神。自那以后，一杯一杯的星巴克咖啡使整个世界为之着迷。星巴克是当下青年男女热衷的咖啡.</p>
            </div>
        </div>
    </div>
    <div class="tab-bar">
        <a class="tab home" href="">
            <span><img src="img/tab-bar01.png" alt=""></span>
            <span>首页</span>
        </a>
        <a class="tab" href="recommend.html">
            <span><img src="img/tab-bar02.png" alt=""></span>
            <span>推荐</span>
        </a>
        <a class="tab active" href="my.html">
            <span><img src="img/tab-bar03-active.png" alt=""></span>
            <span>我的</span>
        </a>
    </div>
</body>

</html>